<!doctype html>
<html lang="es">
<head>

    <meta charset="UTF-8">
    <title>Artixweb</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
        <link type="text/css" href="menu/menu.css" rel="stylesheet" />
    <script type="text/javascript" src="menu/jquery.js"></script>
    <script type="text/javascript" src="menu/menu.js"></script>
	

	<script src="js/responsiveslides.min.js"></script>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:600,700' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="css/reset.css" media="all" />
	<link rel="stylesheet" href="css/style.css" media="all" />
  

    
    
    <!--Remover Mensaje No back link-->
    <script type="text/javascript">
      $(document).ready(function(){
        $("body div:last").remove();
      });
    </script>
 <!--Fin del Script No back link-->
  
   <!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>

<![endif]-->
<script>
    // You can also use "$(window).load(function() {"
    $(function () {

      // Slideshow 1
      $("#slider1").responsiveSlides({
        maxwidth: 1000,
        speed: 800
      });

	  
	 

      // Slideshow 2
//      $("#slider2").responsiveSlides({
  //      auto: false,
    //    pager: true,
      //  speed: 300,
        //maxwidth: 540
      //});

      // Slideshow 3
      //$("#slider3").responsiveSlides({
        //manualControls: '#slider3-pager',
        //maxwidth: 540
      //});

      // Slideshow 4
      //$("#slider4").responsiveSlides({
        //auto: false,
        //pager: false,
        //nav: true,
        //speed: 500,
        //namespace: "callbacks",
        //before: function () {
          //$('.events').append("<li>before event fired.</li>");
        //},
        //after: function () {
          //$('.events').append("<li>after event fired.</li>");
        //}
      //});

    });
  </script>
</head>
<body>


<header>
    <a href="#" ><img id="logoimage" src="images/logofinal.png" alt="logo" ></a>
    <?php include 'social.php'; ?>
</header>


<div id="menu">
         <?php  include 'menu/menu.html';  ?>
</div>

<section id="slideshow" >	<!-- Slideshow Start -->
        <div class="html_carousel">
			<div id="slider">
            
	<ul class="rslides" id="slider1">
		<li><img src="images/1.png" alt=""></li>
		<li><img src="images/4.png" alt=""></li>
		<li><img src="images/tienda-grande.jpg" alt=""></li>
		<li><img src="images/hosting-grande.jpg" alt=""></li>
		<li><img src="images/design-grande.jpg" alt=""></li>
		<li><img src="images/seo-grande.jpg" alt=""></li>
	</ul>
                
			</div><!--/slider-->
			<div class="clearfix"></div>
		</div><!--/html_carousel-->
    </section>	<!-- Slideshow End -->

	<section id="texto">
	<aside id="about" class=" grupo"> <!-- Text Section Start -->
    	<a href="#"><img src="images/item17.png" alt="image 1"></a>
		<h3>Diseño web</h3><!-- Replace all text with what you want -->
    	<p>Hey there, my name is &quot;Your Name&quot; and I am a photographer and web developer! This is my brand new portfolio. It's super cool because it's completely responsive! That means you can re-size it to whatever size you like and it always looks great. Have a look around and enjoy.</p>
    </aside>
	
	<aside class="grupo">
		<a href="#"><img src="images/item14.png" alt="image 2"></a>
    	<h3>Tienda virtual</h3>
    	<p>Below, you will be able to find lots of my work. I take loads of pretty pictures and I also make websites. If you like what you see then you can contact me below! Maybe you would like to hire me or just have a chat, either way, I look forward to hearing from you.</p>
    </aside>

    <aside class="grupo">
    	<a href="#"><img src="images/item16.png" alt="image 3"></a>
		<h3>Actualiza tu web</h3>
    	<p>Below, you will be able to find lots of my work. I take loads of pretty pictures and I also make websites. If you like what you see then you can contact me below! Maybe you would like to hire me or just have a chat, either way, I look forward to hearing from you.</p>
    </aside>
	<aside id="about" class=" grupo"> <!-- Text Section Start -->
    	<a href="#"><img src="images/item17.png" alt="image 1"></a>
		<h3>Diseño web</h3><!-- Replace all text with what you want -->
    	<p>Hey there, my name is &quot;Your Name&quot; and I am a photographer and web developer! This is my brand new portfolio. It's super cool because it's completely responsive! That means you can re-size it to whatever size you like and it always looks great. Have a look around and enjoy.</p>
    </aside>
	
	<aside class="grupo">
		<a href="#"><img src="images/item14.png" alt="image 2"></a>
    	<h3>Tienda virtual</h3>
    	<p>Below, you will be able to find lots of my work. I take loads of pretty pictures and I also make websites. If you like what you see then you can contact me below! Maybe you would like to hire me or just have a chat, either way, I look forward to hearing from you.</p>
    </aside>

    <aside class="grupo">
    	<a href="#"><img src="images/item16.png" alt="image 3"></a>
		<h3>Actualiza tu web</h3>
    	<p>Below, you will be able to find lots of my work. I take loads of pretty pictures and I also make websites. If you like what you see then you can contact me below! Maybe you would like to hire me or just have a chat, either way, I look forward to hearing from you.</p>
    </aside>
	</section>
    <div class="clearfix"></div> <!-- Text Section End -->
	
	<!--<section id="work">
    	<div class="item">
        	<div class="item-title">
				<a href="#"><img src="images/work/thumbs/item17.png" alt="image 1"></a>
				<h3>Diseño web</h3>
			</div>
            <p></p>
        </div>-->
        
        <!--<div class="item">
			<div class="item-title">
				<a href="#"><img src="images/work/thumbs/item16.png" alt="image 2"></a>
				<h3>Tienda virtual</h3>
            </div>
			<p></p>
        </div>-->
        
        <!--<div class="item">
			<div class="item-title">
				<a href="#"><img src="images/work/thumbs/item15.png" alt="image 3"></a>
				<h3>Mantenimiento</h3>
            </div>
			<p></p>
        </div>-->
        
        <!--<div class="item">
			<div class="item-title">
				<a href="#"><img src="images/work/thumbs/item14.png" alt="image 4"></a>
				<h3>SEO Y SEM</h3>
            </div>
			<p></p>
        </div>-->
               
		<!--<div class="item">
			<div class="item-title">
				<a href="#"><img src="images/work/thumbs/item13a.png" alt="image 4"></a>
				<h3>Marketing online</h3>
			</div>
            <p></p>
        </div>-->
        
        
        <div class="clearfix"></div>
    </section> <!-- Work Links Section End -->
	
	<footer id="footer">
	<div class="wrapper">
    	<section class="left">
    	<!--<h4>Contact</h4>
            <div id="formwrap">
                <form method="post" id="submitform" action="submitemail.php" >
                            <input type="text" class="formstyle" title="Name" name="name" />
                            <input type="text" class="formstyle" title="Email" name="email" />
                            <textarea name="message" title="Message"></textarea>
                            <input class="formstyletwo" type="submit" value="Send">  
                </form>
            </div>
            <div id="error"></div>-->
        </section>

<!-- DON'T TOUCH THIS SECTION END -->        
        
    	<section class="social"> <!-- Social Icons Start -->
		<a href="http://plus.google.co.uk"><img class="icon" src="images/icons/google.png" width="32" height="32" alt="google"></a><!-- Replace with any 32px x 32px icons -->
        <a href="http://youtube.com"><img class="icon" src="images/icons/youtube.png" width="32" height="32" alt="youtube"></a><!-- Replace with any 32px x 32px icons -->
        <a href="http://facebook.com"><img class="icon" src="images/icons/facebook.png" width="32" height="32" alt="facebook"></a><!-- Replace with any 32px x 32px icons -->
        <a href="http://twitter.com"><img class="icon" src="images/icons/twitter.png" width="32" height="32" alt="twitter"></a><!-- Replace with any 32px x 32px icons -->
        </section> <!-- Social Icons End -->
        
    </div>
	
    <div class="clearfix"></div>
</footer>
<div class="contact">
	</div>



</body>
</html>